<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 1.0 准备一个客户端（这个 html 页面）
    // 2.0 使用 websocket 去连接服务器
    var ws = new WebSocket("wss://echo.websocket.org")
    // 3.0 设置连接事件
    ws.onopen = function () {
        console.log('连接开启')
        // 4.0 发送数据到服务器
        ws.send('Hello XJJ')
    }
    // 4.0 接收服务器返回的数据
    ws.onmessage = function (evt) {
        console.log('服务器返回了数据: ' + evt.data)
        // 5.0 断开连接
        ws.close()
    }
    // 6.0 设置断开的事件
    ws.onclose = function () {
        console.log('连接已经断开')
    }


</script>

</html>